<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog phrase-dialog" ng-init="init();"
    style="background-color: #fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'common.msg.plz_select_one' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'mailbox.only_show_favorite' | translate"></label>
                <div class="check-point-switch" ng-class="{'is-selected':dialog.filterItem.isfavorite == 'Y'}"
                    ng-click="dialog.changeFilter(item);">
                    <div style="width:24px;height:24px;"></div>
                </div>
            </div>
            <div class="kmi-list type-list  none-column-split">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="padding:0 8px;" ng-bind="('common.btn.search' | translate)+'：'" ></div>
                    <div class="kmi-text-fields" style="padding-right: 8px;">
                        <input ng-model="dialog.filterItem.phrase"></input>
                        <!--<div class="tip search" ng-click="dialog.searchEquipment();"><i class="material-icons" style="background:transparent;">search</i></div>-->
                    </div>
                </div>
                <div class="kmi-list__row-content">
                <div class="kmi-list__row" ng-repeat="item in dialog.phraseList | filter:dialog.filterItem |orderBy:'-isfavorite' track by $index" style="padding-right: 12px;">
                    <div class="kmi-list__column checkbox" style="z-index:1;">
                        <button class="mdl-button mdl-js-button mdl-button--icon" ng-class="{'is-select':item.isfavorite == 'Y'}"
                             ng-click="dialog.setFavorite(item);">
                            <img src="image/icons/favorite.png"></img> 
                        </button>
                    </div>
                    <div class="kmi-list__column" style="flex:1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" ng-bind="item.phrase"></div>
                    <div class="kmi-list__column checkbox" style="z-index:1;">
                        <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.openDESC(item);">
                            <i class="material-icons">add</i>
                        </button>
                    </div>
                    <div class="kmi-can-click" ng-click="dialog.itemClick(item);"></div>
                </div>
                </div>
            </div>
        </div>
        <div class="btn-tool" style="display: flex; justify-content: flex-end;">
            <div class="kmi-button kmi-button-confrim" ng-click="dialog.confirm()" style="width:100px;">
                <label ng-bind="'mailbox.btn.save_phrase' | translate"></label>
                <div class="kmi-can-click"></div>
            </div>
        </div>
    </div>
</div>
